<!DOCTYPE html>
<html lang="zh-cn">
{include file="public/head" /}
<body>
<!--头部-->
{include file="public/header" /}

<!--主题内容区域start-->


<div style="width:1260px;margin: 0 auto;">
    <p style="margin-left:20px;margin-top:20px;">当前位置：首页 > <span>更多</span></p>
    <div class="more_title">
        <div></div>
        <p>重点关注</p>
    </div>
    <div class="clear"></div>

    <ul class="more_import">
        {foreach name="list" item="list"}
        <li>
            <div class="border_top"></div>
            <div class="border_right"></div>
            <div class="border_bottom"></div>
            <div class="border_left"></div>
            <a href="{:url('Trade/index',array('id'=> $list['id']))}"><img width="230" height="100" src="/uploads/images/{$list['photo']}"/></a>
        </li>
        {/foreach}

        <div class="clear"></div>
    </ul>
    <!--分类开始-->

    <div class="clear"></div>

    <div class="ppq_cagray">
        <ul class="ppq_ul">
            <li>全部</li>
            {foreach name="cate" item="cate"}
                <li>{$cate['name']}</li>
            {/foreach}
            <!--<li>B</li>-->
            <!--<li>C</li>-->
            <!--<li>D</li>-->
            <!--<li>E</li>-->
            <!--<li>F</li>-->
            <!--<li>G</li>-->
            <!--<li>H</li>-->
            <!--<li>I</li>-->
            <!--<li>J</li>-->
            <!--<li>K</li>-->
            <!--<li>L</li>-->
            <!--<li>M</li>-->
            <!--<li>N</li>-->
            <!--<li>O</li>-->
            <!--<li>P</li>-->
            <!--<li>Q</li>-->
            <!--<li>R</li>-->
            <!--<li>S</li>-->
            <!--<li>T</li>-->
            <!--<li>U</li>-->
            <!--<li>V</li>-->
            <!--<li>W</li>-->
            <!--<li>X</li>-->
            <!--<li>Y</li>-->
            <!--<li>Z</li>-->
            <!--<li>#</li>-->
            <!--<div class="clear"></div>-->
        </ul>
    </div>
    <div class="clear"></div>
    <!--每个分类-->
    <div class="decrition">

        <!--全部-->
        <div class="article_all">
            {foreach  name="AllCate" item="AllCate"}
                <p class="fa1 pp_color">{$AllCate['name']}</p>
                <ul class="dec_all">
                    {volist name="AllProduct" id="vol"}
                        {if($vol['cate_id'] == $AllCate['id'])}
                            <li><a href="{:url('Trade/index',array('id'=> $vol['id']))}">{$vol['title']}</a></li>
                        {/if}
                    {/volist}
                </ul>
                <p class="clear"></p>
            {/foreach}


        </div>
        <!--A-->
        <div class="none article_all">
            <p class="fa1 pp_color">A</p>
            <ul class="dec_all">
                <li><a href="###">apple</a></li>
                <li><a href="###">AT&T</a></li>


            </ul>
        </div>
        <!--B-->
        <div class="none article_all">
            <p class="fa1 pp_color">B</p>
            <ul class="dec_all">
                <li><a href="###">BMW</a></li>


            </ul>
        </div>
        <!--C-->
        <div class="none article_all">
            <p class="fa1 pp_color">C</p>
            <ul class="dec_all">
                <li><a href="###">CIsco</a></li>
                <li><a href="###">Citi</a></li>
                <li><a href="###">CocaCola</a></li>


            </ul>
        </div>
        <!--D-->
        <div class="none article_all">
            <p class="fa1 pp_color">D</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--E-->
        <div class="none article_all">
            <p class="fa1 pp_color">E</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--F-->
        <div class="none article_all">
            <p class="fa1 pp_color">F</p>
            <ul class="dec_all">
                <li><a href="###">Facebook</a></li>
                <li><a href="###">Ford</a></li>


            </ul>
        </div>
        <!--G-->
        <div class="none article_all">
            <p class="fa1 pp_color">G</p>
            <ul class="dec_all">
                <li><a href="###">ge</a></li>
                <li><a href="###">Google</a></li>


            </ul>
        </div>
        <!--H-->
        <div class="none article_all">
            <p class="fa1 pp_color">H</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--I-->
        <div class="none article_all">
            <p class="fa1 pp_color">I</p>
            <ul class="dec_all">
                <li><a href="###">IBM</a></li>


            </ul>
        </div>
        <!--J-->
        <div class="none article_all">
            <p class="fa1 pp_color">J</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--K-->
        <div class="none article_all">
            <p class="fa1 pp_color">K</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--L-->
        <div class="none article_all">
            <p class="fa1 pp_color">L</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--M-->
        <div class="none article_all">
            <p class="fa1 pp_color">M</p>
            <ul class="dec_all">
                <li><a href="###">Marlboro</a></li>
                <li><a href="###">McDonald's</a></li>
                <li><a href="###">Mercedes-Benz</a></li>
                <li><a href="###">microsoft</a></li>


            </ul>
        </div>
        <!--N-->
        <div class="none article_all">
            <p class="fa1 pp_color">N</p>
            <ul class="dec_all">
                <li><a href="###">Nestlé</a></li>
                <li><a href="###">Nike</a></li>


            </ul>
        </div>
        <!--O-->
        <div class="none article_all">
            <p class="fa1 pp_color">O</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--P-->
        <div class="none article_all">
            <p class="fa1 pp_color">P</p>
            <ul class="dec_all">
                <li><a href="###">P&G</a></li>
                <li><a href="###">Pepsi</a></li>


            </ul>
        </div>
        <!--Q-->
        <div class="none article_all">
            <p class="fa1 pp_color">Q</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--R-->
        <div class="none article_all">
            <p class="fa1 pp_color">R</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--S-->
        <div class="none article_all">
            <p class="fa1 pp_color">S</p>
            <ul class="dec_all">
                <li><a href="###">SAP</a></li>


            </ul>
        </div>
        <!--T-->
        <div class="none article_all">
            <p class="fa1 pp_color">T</p>
            <ul class="dec_all">
                <li><a href="###">Toyota</a></li>


            </ul>
        </div>
        <!--U-->
        <div class="none article_all">
            <p class="fa1 pp_color">U</p>
            <ul class="dec_all">
                <li><a href="###">Unilever</a></li>


            </ul>
        </div>
        <!--V-->
        <div class="none article_all">
            <p class="fa1 pp_color">V</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--W-->
        <div class="none article_all">
            <p class="fa1 pp_color">W</p>
            <ul class="dec_all">
                <li><a href="###">WAlmart</a></li>


            </ul>
        </div>
        <!--X-->
        <div class="none article_all">
            <p class="fa1 pp_color">X</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--Y-->
        <div class="none article_all">
            <p class="fa1 pp_color">Y</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--Z-->
        <div class="none article_all">
            <p class="fa1 pp_color">Z</p>
            <ul class="dec_all">



            </ul>
        </div>
        <!--#-->
        <div class="none article_all">
            <p class="fa1 pp_color">#</p>
            <ul class="dec_all">



            </ul>
        </div>
    </div>
    <div class="clear"></div>

    <!--分类结束-->

</div>


{include file="public/footer" /}
</body>
{include file="public/foot" /}
<script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        spaceBetween:30,
        effect: 'fade',
        autoplay:3500
    });

</script>
<script type="text/javascript">

    $(".more_import li").mouseenter(function(){
        $(this).addClass("hover");
    });
    $(".more_import li").mouseleave(function(){
        $(this).removeClass("hover");
    });

</script>
<script type="text/javascript">
    //导航ABCD变色
    $(".ppq_ul li").click(function(){
        $(this).siblings("li").removeClass("pp_color");
        $(this).addClass("pp_color");
    });
    $(".ppq_ul li").eq(0).click(function(){
        $(this).siblings("li").removeClass("pp_color");
        $(this).addClass("pp_color");
    });
    //详细分类变色


    //tab切换
    $(".ppq_ul li").eq(0).click(function(){
        $(".decrition div").eq(0).siblings("div").css("display","none");
        $(".decrition div").eq(0).css("display","block");
    });
    $(".ppq_ul li").eq(1).click(function(){
        $(".decrition div").eq(1).siblings("div").css("display","none");
        $(".decrition div").eq(1).css("display","block");
    });
    $(".ppq_ul li").eq(2).click(function(){
        $(".decrition div").eq(2).siblings("div").css("display","none");
        $(".decrition div").eq(2).css("display","block");
    });
    $(".ppq_ul li").eq(3).click(function(){
        $(".decrition div").eq(3).siblings("div").css("display","none");
        $(".decrition div").eq(3).css("display","block");
    });
    $(".ppq_ul li").eq(4).click(function(){
        $(".decrition div").eq(4).siblings("div").css("display","none");
        $(".decrition div").eq(4).css("display","block");
    });
    $(".ppq_ul li").eq(5).click(function(){
        $(".decrition div").eq(5).siblings("div").css("display","none");
        $(".decrition div").eq(5).css("display","block");
    });
    $(".ppq_ul li").eq(6).click(function(){
        $(".decrition div").eq(6).siblings("div").css("display","none");
        $(".decrition div").eq(6).css("display","block");
    });
    $(".ppq_ul li").eq(7).click(function(){
        $(".decrition div").eq(7).siblings("div").css("display","none");
        $(".decrition div").eq(7).css("display","block");
    });
    $(".ppq_ul li").eq(8).click(function(){
        $(".decrition div").eq(8).siblings("div").css("display","none");
        $(".decrition div").eq(8).css("display","block");
    });
    $(".ppq_ul li").eq(9).click(function(){
        $(".decrition div").eq(9).siblings("div").css("display","none");
        $(".decrition div").eq(9).css("display","block");
    });
    $(".ppq_ul li").eq(10).click(function(){
        $(".decrition div").eq(10).siblings("div").css("display","none");
        $(".decrition div").eq(10).css("display","block");
    });
    $(".ppq_ul li").eq(11).click(function(){
        $(".decrition div").eq(11).siblings("div").css("display","none");
        $(".decrition div").eq(11).css("display","block");
    });
    $(".ppq_ul li").eq(12).click(function(){
        $(".decrition div").eq(12).siblings("div").css("display","none");
        $(".decrition div").eq(12).css("display","block");
    });
    $(".ppq_ul li").eq(13).click(function(){
        $(".decrition div").eq(13).siblings("div").css("display","none");
        $(".decrition div").eq(13).css("display","block");
    });
    $(".ppq_ul li").eq(14).click(function(){
        $(".decrition div").eq(14).siblings("div").css("display","none");
        $(".decrition div").eq(14).css("display","block");
    });
    $(".ppq_ul li").eq(15).click(function(){
        $(".decrition div").eq(15).siblings("div").css("display","none");
        $(".decrition div").eq(15).css("display","block");
    });
    $(".ppq_ul li").eq(16).click(function(){
        $(".decrition div").eq(16).siblings("div").css("display","none");
        $(".decrition div").eq(16).css("display","block");
    });
    $(".ppq_ul li").eq(17).click(function(){
        $(".decrition div").eq(17).siblings("div").css("display","none");
        $(".decrition div").eq(17).css("display","block");
    });
    $(".ppq_ul li").eq(18).click(function(){
        $(".decrition div").eq(18).siblings("div").css("display","none");
        $(".decrition div").eq(18).css("display","block");
    });
    $(".ppq_ul li").eq(19).click(function(){
        $(".decrition div").eq(19).siblings("div").css("display","none");
        $(".decrition div").eq(19).css("display","block");
    });
    $(".ppq_ul li").eq(20).click(function(){
        $(".decrition div").eq(20).siblings("div").css("display","none");
        $(".decrition div").eq(20).css("display","block");
    });
    $(".ppq_ul li").eq(21).click(function(){
        $(".decrition div").eq(21).siblings("div").css("display","none");
        $(".decrition div").eq(21).css("display","block");
    });
    $(".ppq_ul li").eq(22).click(function(){
        $(".decrition div").eq(22).siblings("div").css("display","none");
        $(".decrition div").eq(22).css("display","block");
    });
    $(".ppq_ul li").eq(23).click(function(){
        $(".decrition div").eq(23).siblings("div").css("display","none");
        $(".decrition div").eq(23).css("display","block");
    });
    $(".ppq_ul li").eq(24).click(function(){
        $(".decrition div").eq(24).siblings("div").css("display","none");
        $(".decrition div").eq(24).css("display","block");
    });
    $(".ppq_ul li").eq(25).click(function(){
        $(".decrition div").eq(25).siblings("div").css("display","none");
        $(".decrition div").eq(25).css("display","block");
    });
    $(".ppq_ul li").eq(26).click(function(){
        $(".decrition div").eq(26).siblings("div").css("display","none");
        $(".decrition div").eq(26).css("display","block");
    });
    $(".ppq_ul li").eq(27).click(function(){
        $(".decrition div").eq(27).siblings("div").css("display","none");
        $(".decrition div").eq(27).css("display","block");
    });



</script>

</html>


